<html>
	<head>
		<meta charset="utf-8" />
		<link href=".\static\assets\global\plugins\bootstrap\css\bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href=".\static\assets\global\css\components.css" rel="stylesheet" type="text/css" />
		<link href=".\static\assets\admin\pages\css\login.css" rel="stylesheet" type="text/css" />
		<script src=".\static\assets\global\plugins\jquery-1.11.0.min.js" type="text/javascript"></script>
	</head>
	<body class="login">
		<div class="content">
		<h3 class='form-title'>商品详情</h3>
		<div id="promoStartDateContainer" class="form-group">
			<div>
				<label style="color: blue" id="promoStatus"  class="control-lable"></label>
				<label style="color:red" class="control-label"  id="promoStartDate" />
			</div>
		</div>
		<div class="form-group">
			<div>
				<label class="control-label" id="title" />
			</div>
		</div>
		<div class="form-group">
			<div>
				<label class="control-label" id="description" />
			</div>
		</div>
		<div id="normalPriceContainer" class="form-group">
			<div>
				<label class="control-lable">价格：</label>
				<label class="control-label"  id="price" />
			</div>
		</div>
		<div id="promoPriceContainer" class="form-group">
			<div>
				<label style="color: red;" class="control-lable">秒杀价格：</label>
				<label style="color:red" class="control-label"  id="promoPrice" />
			</div>
		</div>
		<div class="form-group">
			<div>
				<img style="width: 200px;height: auto" id=imgUrl />
			</div>
		</div>
		<div class="form-group">
			<div>
				<label class="control-lable">库存：</label>
				<label class="control-label" id="stock"></label>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<label class="control-lable">销量：</label>
				<label class="control-label"  id="sales" />
			</div>
		</div>
		<div class="form-actions">
			<button class="btn blue" id="createorder" type="submit">
				下单
			</button>
		</div>
		</div>
	</body>
	<script>
		var g_itemVO={};
		var isPromo=false;
        function getParam(paramName) {
            paramValue = "", isFound = !1;
            if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
                arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
                while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() ==paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
            }
            return paramValue == "" && (paramValue = null), paramValue
        }
		jQuery(document).ready(function(){
		    $("#createorder").on("click",function () {
		        if(isPromo==false){
		            alert("此件商品只允许在促销活动期间购买");
				}else {
                    $.ajax({
                        type: "POST",
                        url: "http://localhost:8080/order/createorder",
                        contentType: "application/x-www-form-urlencoded",
                        data: {
                            "itemId": g_itemVO.id,
                            "amount": 1,
                            "promoId":g_itemVO.promoId
                        },
                        xhrFields: {withCredentials: true},
                        success: function (data) {
                            if (data.status == "success") {
                                alert("下单成功");
                                window.location.reload();//刷新页面
                            } else {
                                alert("商品下单失败，原因为：" + data.data.errMsg);
                                if (data.data.errCode == 20003) {
                                    window.location.href = "login.html";
                                }
                            }
                        },
                        error: function (data) {
                            alert("商品下单失败，原因为：" + data.responseText)
                        },
                    });
                }
            });
			//获取商品详情
			$.ajax({
					type:"GET",
					url:"http://localhost:8080/item/get",
					data:{
						"id":getParam("id"),
					},
					xhrFields:{withCredentials:true},
					success:function(data){
						if(data.status=="success"){
                            g_itemVO=data.data;
                            //前端分离
							reloadDom();
							setInterval(reloadDom,1000);
						}else{
							alert("获取商品信息失败，原因为："+data.data.errMsg);
						}
					},
					error:function(data){
						alert("获取商品信息失败，原因为："+data.responseText)
					},
				});
		});
		function reloadDom() {
			$("#title").text(g_itemVO.title);
			$("#description").text(g_itemVO.description);
			$("#stock").text(g_itemVO.stock);
			$("#price").text(g_itemVO.price);
			$("#imgUrl").attr("src",g_itemVO.imgUrl);
			$("#sales").text(g_itemVO.sales);
			if(g_itemVO.promoStatus==1){
			    //设计倒计时模块
				var startTime=g_itemVO.startDate.replace(new RegExp("-","gm"),"/");
				startTime=(new Date(startTime)).getTime();
				var nowTime=Date.parse(new Date());
				var delta=(startTime-nowTime)/1000;
				if(delta<=0){
				    //表明秒杀活动正在进行中
					g_itemVO.promoStatus=2;
					reloadDom();
				}
			    $("#promoStartDate").text("秒杀活动将于 "+g_itemVO.startDate+" 开始,倒计时："+delta+" 秒");
			    $("#promoPrice").text(g_itemVO.promoPrice);
			    isPromo=false;
			}else if(g_itemVO.promoStatus==2){
                $("#promoStartDate").text("秒杀活动正在进行中...");
                $("#promoPrice").text(g_itemVO.promoPrice);
                isPromo=true;
                $("#normalPriceContainer").hide();//开启秒杀时，隐藏原有价格
			}
        }
	</script>
</html>